﻿@charset "utf-8";
/*预约时间页面*/
#selectTime .calendar .months{
	height: .88rem;
    line-height: .88rem;
    text-align: center;
    font-size: .28rem;
    color: #4A4A4A;
    background-color: #fff;
    position: relative;
}
#selectTime .calendar .months i.prevMonth {
    position: absolute;
    left: 0;
    width: .18rem;
    height: .88rem;
    line-height: .96rem;
    padding-right: .3rem;
    padding-left: .24rem;
}
#selectTime .calendar .months i.nextMonth {
    position: absolute;
    right: 0;
    width: .18rem;
    height: .88rem;
    line-height: .96rem;
    padding-left: .3rem;
    padding-right: .24rem;
}
#selectTime .calendar .months i img {
    display: inline;
}
#selectTime .calendar .week{
	height: .48rem;
	line-height: .48rem;
	color: #fff;
	background-color: #018bf0;
	padding: 0 2%;
}
#selectTime .calendar .week li{
	float: left;
	font-size: .28rem;
	width:10%;
	margin-right: 5%;
	text-align: center;
}
#selectTime .calendar .week li:last-child{
	margin-right: 0;
}
#selectTime .calendar .days {
	padding-top: .2rem;
	padding-bottom: .08rem;
	width: 96%;
	margin: 0 auto;
    overflow: hidden;
    position: relative;
}
#selectTime .calendar .days .dayWrap {
    position: absolute;
    left: 0;
    overflow: hidden;
}
#selectTime .calendar .days .dayWrap div{
    float: left;
}
#selectTime .calendar .days .day li{
    float: left;
    font-size: .36rem;
    width:10%;
    box-sizing: border-box;
    text-align: center;
    margin:0 5% .16rem 0;
    color: #4A4A4A;
}
#selectTime .calendar .days .day li:nth-child(7n+7){
	margin-right: 0;
}
/*#selectTime .calendar .days .day li:nth-child(7n+1),
#selectTime .calendar .days .day li:nth-child(7n+7){
	color: #C8C8C8;
}*/
#selectTime .calendar .days .day li i {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
}
#selectTime .calendar .days .day li i span:first-child{
	font-size: .36rem;
    line-height:1;
    display:block;
    padding-top:0.04rem;
}
#selectTime .calendar .days .day li i span:last-child{
	font-size: .18rem;
	display: block;
}
#selectTime .calendar .days .day li:nth-child(n+7) i span:last-child,
#selectTime .calendar .days .day li:nth-child(7n+7) i span:last-child{
	font-size: .2rem;
}
#selectTime .calendar .days .day li i.chooseDay{
	color: #fff;
	background-color: #018bf0;
}
#selectTime .calendar .time_frame{
	border-top: 0.02rem solid #D8D8D8;
	padding: 0 4.26666666666667% 1.22rem;
	overflow: hidden;
	background-color: #fff;
}
#selectTime .calendar .time_frame>span{
	width: 47.66763848396501%;
	margin-right: 4.26666666666667%;
	float: left;
	line-height: .72rem;
	text-align: center;
	color: #4A4A4A;
	font-size: .24rem;
	border:0.02rem solid #C8C8C8;
	border-radius: .1rem;
	margin-top: .24rem;
	box-sizing:border-box;
}
#selectTime .calendar .time_frame>span:nth-child(2n+2){
	margin-right: 0;
}
#selectTime .calendar .time_frame .chooseTimeframe{
	background-color: #018bf0;
	border-color: #018bf0;
	color: #fff;
}
#selectTime .affirmBox{
	position: fixed;
	width: 100%;
	bottom: 0;
	padding: .16rem .18rem;
	border-top: 0.02rem solid #D3D3D3;
	height: .98rem;
	box-sizing:border-box;
	background-color:rgba(255,255,255,0.90);
	color: #4A4A4A;
	overflow: hidden;
}
#selectTime .affirmBox h5{
	line-height: .64rem;
	font-size: .24rem;
	border-right: 0.04rem solid #9B9B9B;
	padding-right: .24rem;
	margin-right: .24rem;
	float: left;
}
#selectTime .affirmBox p{
	float: left;
	font-size: .24rem;
	line-height: .34rem;
}
#selectTime .affirmBox p span{
	display: block;
}
#selectTime .affirmBox a{
	float: right;
	width: 1.76rem;
	height: .64rem;
	text-align: center;
	line-height: .64rem;
	background-color: #ccc;/*#018bf0*/
	border-radius: .16rem;
	font-size: .28rem;
	color: #fff;
}